<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="keywords" content="科技有限公司" />
		<meta content="telephone=no" name="format-detection" />
		<meta name="description" content="剁手" />
		<meta name="author" content="剁手">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/last.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
	</head>

	<body>
		<div class="allAcontainer ovw">
			<!--第五页-->
			<div class="page ovw pageFive active">
				<!--星星-->
				<p class="fiveStar ovw animated fadeInDown"><img src="img/fiveStar.png" /></p>
				<div class="detailText ovw animated fadeInDown">
					<p class="ovw first">
						<b class="content ovw">
							<span class="name">刘德华刘</span><i>剁遍了</i>
							<span class="size">2</span><i>大洲</i>
							<span class="country">18</span><i>个国家／地区</i>
						</b>
						<span class="hide"></span>
					</p>
					<p class="ovw">
						<i>剁手榜排名超过</i>
						<span class="percent">20%</span><i>买家</i>
					</p>
					<p class="ovw">
						<i>剁龄</i>
						<span class="year">15</span><i>年</i>
					</p>
				</div>
				<div class="totalMap ovw animated fadeInUp" style="animation-duration: 1.5s;">
					<div class="totalEarth ovw">
						<div class="earthInner ovw">
							<div class="pointList ovw">
								<!--亚洲-->
								<span country='中国'></span>
								<span country='蒙古'></span>
								<span country='朝鲜'></span>
								<span country='韩国'></span>
								<span country='日本'></span>
								<span country='菲律宾'></span>
								<span country='越南'></span>
								<span country='老挝'></span>
								<span country='柬埔寨'></span>
								<span country='缅甸'></span>
								<span country='泰国'></span>
								<span country='马来西亚'></span>
								<span country='文莱'></span>
								<span country='新加坡'></span>
								<span country='印度尼西亚'></span>
								<span country='尼泊尔'></span>
								<span country='不丹'></span>
								<span country='印度'></span>
								<span country='巴基斯坦'></span>
								<span country='斯里兰卡'></span>
								<span country='马尔代夫'></span>
								<span country='哈萨克斯坦'></span>
								<span country='吉尔吉斯斯坦'></span>
								<span country='塔吉克斯坦'></span>
								<span country='乌兹别克斯坦'></span>
								<span country='伊朗'></span>
								<span country='叙利亚'></span>
								<span country='约旦'></span>
								<span country='黎巴嫩'></span>
								<span country='以色列'></span>
								<span country='土耳其'></span>

								<!--欧洲-->
								<span country='芬兰'></span>
								<span country='瑞典'></span>
								<span country='挪威'></span>
								<span country='冰岛'></span>
								<span country='丹麦'></span>
								<span country='俄罗斯'></span>
								<span country='乌克兰'></span>
								<span country='波兰'></span>
								<span country='捷克'></span>
								<span country='斯洛伐克'></span>
								<span country='匈牙利'></span>
								<span country='德国'></span>
								<span country='奥地利'></span>
								<span country='瑞士'></span>
								<span country='英国'></span>
								<span country='爱尔兰'></span>
								<span country='荷兰'></span>
								<span country='比利时'></span>
								<span country='卢森堡'></span>
								<span country='法国'></span>
								<span country='摩纳哥'></span>
								<span country='罗马尼亚'></span>
								<span country='保加利亚'></span>
								<span country='塞尔维亚'></span>
								<span country='阿尔巴尼亚'></span>
								<span country='希腊'></span>
								<span country='斯洛文尼亚'></span>
								<span country='克罗地亚'></span>
								<span country='意大利'></span>
								<span country='西班牙'></span>
								<span country='葡萄牙'></span>

								<!--北美洲-->
								<span country='加拿大'></span>
								<span country='美国'></span>
								<span country='墨西哥'></span>
								<span country='格陵兰'></span>
								<span country='危地马拉'></span>
								<span country='伯利兹'></span>
								<span country='萨尔瓦多'></span>
								<span country='洪都拉斯'></span>
								<span country='尼加拉瓜'></span>
								<span country='哥斯达黎加'></span>
								<span country='巴拿马'></span>
								<span country='巴哈马'></span>
								<span country='古巴'></span>
								<span country='牙买加'></span>
								<span country='海地'></span>
								<span country='特立尼达和多巴哥'></span>
								<span country='波多黎各'></span>
								<span country='安圭拉'></span>
								<span country='蒙特塞拉特'></span>

								<!--南美洲-->
								<span country='哥伦比亚'></span>
								<span country='委内瑞拉'></span>
								<span country='苏里南'></span>
								<span country='厄瓜多尔'></span>
								<span country='秘鲁'></span>
								<span country='玻利维亚'></span>
								<span country='巴西'></span>
								<span country='智利'></span>
								<span country='阿根廷'></span>
								<span country='乌拉圭'></span>
								<span country='巴拉圭'></span>

								<!--大洋洲-->
								<span country='澳大利亚'></span>
								<span country='新西兰'></span>
								<span country='帕劳'></span>
								<span country='关岛'></span>
								<span country='巴布亚新几内亚'></span>
								<span country='所罗门群岛'></span>
								<span country='瓦努阿图'></span>
								<span country='斐济群岛'></span>
								<span country='图瓦卢'></span>
								<span country='萨摩亚'></span>
								<span country='汤加'></span>
								<!--非洲-->
								<span country='埃及'></span>
								<span country='利比亚'></span>
								<span country='突尼斯'></span>
								<span country='摩洛哥'></span>
								<span country='苏丹'></span>
								<span country='埃塞俄比亚'></span>
								<span country='肯尼亚'></span>
								<span country='坦桑尼亚'></span>
								<span country='塞内加尔'></span>
								<span country='冈比亚'></span>
								<span country='几内亚'></span>
								<span country='塞拉利昂'></span>
								<span country='利比里亚'></span>
								<span country='加纳'></span>
								<span country='尼日利亚'></span>
								<span country='赞比亚'></span>
								<span country='安哥拉'></span>
								<span country='马达加斯加'></span>
								<span country='毛里求斯'></span>

							</div>
						</div>

					</div>
					<!--一站剁齐-->
					<div class="btnList ovw">
						<div class="inner ovw">
							<!--<p class="text"><img src="img/five_text.png" /></p>-->
							<div class="text ovw">
								<p>2018.11.5-11.10 首届中国国际进口博览会</p>
								<p>超过<span>130</span>个国家／地区的进口商品汇聚上海</p>
								<!--<p>邀您一站剁齐！</p>-->
							</div>
							<div class="btnBottom ovw">
								<p>邀您全程关注！</p>
								<!--分享-->
								<dl class="share ovw">
									<dt>
                                <span>长按生成 </span>
                                <span>你的剁手报告</span>
                            </dt>
									<dd><img src="img/five_code.png" /></dd>
								</dl>
							</div>
						</div>
						<p class="bottomLogo"><img src="img/five_logo.png" /></p>
					</div>
					<div class="jiao"> </div>
				</div>
				
			</div>

		</div>

		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<!--<script type="text/javascript" src="js/flexable1.0.0.js"></script>-->
		<script type="text/javascript" src="js/rem.js"></script>

		<!--第五页-->
		<script type="text/javascript">
			$(function() {
				var winH = $(window).height();
				var fiveMap = $('.pageFive .totalMap').height();
				var fiveText = $('.pageFive div.detailText').outerHeight(true);
				var charH = winH - fiveMap - fiveText;
				var totalH = winH - fiveText - fiveMap;
				//				给地图上的点循环添加num 和country
				 $('.pageFive  div.pointList span').each(function(index, item) {
				     $(item).attr('num', index + 1);
				     $(item).attr('class', 'country' + index);
				 });
				//         if(winH < 667) {
				// //      	第一页小屏添加样式
				//            $('.allAcontainer .pageOne .wrapper').addClass('small');
				// 			//					第五页 控制小屏展示
				// 			$('.pageFive .totalMap').css({
				// 				'top': '0',
				// 				'marginTop': totalH
				// 			});
				//             $('.pageFive div.detailText').addClass('martop');
				//         }

			})
		</script>

	</body>

</html>